<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
  DyBar - Dynamic Toolbar for interactive Web Applications
   
  File:    dybarTest.html
  Purpose: simple html page to test DyBar components 

  Usage:   Place this file next to your webpage and put
           <script type="text/javascript" src="dybar.js"></script>
           *after* the <body> section.
           To add actual tools you need to call addTool() with the respective
           parameter. Please consult the documentation for details.
 
  Copyright 2007-2008 Christian Kofler <christian.kofler@googlemail.com>

  You may not use this file except under the terms of the accompanying license.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License. You may
  obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Christian Kofler" />
<title>DyBar - Dynamic Tool Bar test page</title>

<!-- include DyBar stylsheet in the head section -->
<link rel="stylesheet" type="text/css" href="dybar.css">

<!-- some dummy callback functions for testing some buttons -->
<script type="text/javascript">
<!--

function testLoad(file) {
    // load the file in the iframe
    parent.content.location = file;
}

function testToggle(state) {
    //alert('switched toggle state to ' + state);
}

function testButton() {
    alert('button pressed');
}

-->
</script>

</head>

<body>

<!-- an iframe to load another file (html/imag/...) -->
<iframe name="content" width="100%" height="700" frameborder="0">
</iframe>

</body>

<!-- include DyBar javascript after the body section -->
<script type="text/javascript" src="dybar.js">
</script>

<!-- create and add some dummy DyBar tools -->
<script type="text/javascript">
<!--
    addTool(createLoadButton('testLoad', 'test load', 'testLoad'));
    addTool(createToggle('test toggle', 'testToggle'));
    addTool(createButton('test button', 'testButton'));
-->
</script>

</html>